<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div>
    <div style="line-height: 0">
      <el-table
        class="tableBorder"
        :header-cell-style="{ 'text-align': 'center' }"
        :cell-style="{ 'text-align': 'center' }"
        :row-style="{ height: '20px' }"
        :data="tableData"
        style="width: 100%; margin-top: 30px"
        :stripe="true"
        :border="true"
        :highlight-current-row="true"
        size="mini"
      >
        <el-table-column prop="id" label="ID" width="80"> </el-table-column>
        <el-table-column prop="dormitoryType" label="宿舍类型"> </el-table-column>
        <el-table-column prop="buildingNum" label="楼栋号"></el-table-column>
        <el-table-column prop="roomNum" label="宿舍号"></el-table-column>
        <el-table-column prop="bedNum" label="床位数"></el-table-column>
        <el-table-column prop="peopleNum" label="实住人数"></el-table-column>
      </el-table>
    </div>
  </div>
</template>
  <script>
export default {
  data() {
    return {
      dormitory: {
        id: 1,
        dormitoryType: "1",
        buildingNum: "4",
        roomNum: "",
        bedNum: "4",
        peopleNum: 0
      },
      pagePlus: {
          current: 1,
          size: 10,
          pagesizes: [10, 20, 50, 100],
          total: 0,
        }
    };
  },
  created() {},
  methods: {},
};
</script>